 const  fontColor = {   // 设置title字体颜色；
    fontSize: 10,
    color: '#999'
 }
 const axisLine = { // x,y轴边框颜色
    lineStyle: {
        color: '#3e548d',
        type:'dashed' // 颜色
    }
}
const legendTextStyle = {
    // color: '#fft' // 各自默认各自颜色
    color: '#ccc', // 默认白色
    fontSize: 6
}
const brokenLineStyle = {
    color: '#ccc' 
    // 颜色
}
const axisLabel = {// x,y 轴字体颜色,没有百分比
    show: true,
    textStyle: {
        color: "#b5bbc8",
        fontSize: 8
    },
    interval:0,  
    rotate:30  //显示不全将文字倾斜
}
const yxisLabel = {// x,y 轴字体颜色
    show: true,
    formatter: '{value} %',
    textStyle: {
        color: "#b5bbc8",
        fontSize: 9
    }
}

const splitLine = {    //网格线
    lineStyle: {
        type: 'dashed',
        borderWidth: 0.5,
        color: ['rgba(116,116,116,0.5)']
    },
    show: true //隐藏或显示
}

const dataZoom = [{ // 移动端图表可拉伸
    show: true, //是否显示 组件。如果设置为 false，不会显示，但是数据过滤的功能还存在。
    // <!-- backgroundColor:itemBgColor4, //组件的背景颜色 -->
    type: 'slider', //slider表示有滑动块的，inside表示内置的
    dataBackground: { //数据阴影的样式。
        lineStyle:{
            // color:itemBgColor2,
            width:0.8,
            color:'#fff',
            // color: {
            //     type: 'slider',
            //     x: 0,
            //     y: 0,
            //     x2: 0,
            //     y2: 1,
            //     // colorStops: [{
            //     //     offset: 0, color: 'red' // 0% 处的颜色
            //     // }, {
            //     //     offset: 1, color: 'blue' // 100% 处的颜色 // 滑动背景折线条颜色
            //     // }],
            //     globalCoord: false // 缺省为 false
            // },
        }, //阴影的线条样式
        // areaStyle:itemBgColor, //阴影的填充样式
    },
    filterMode: 'empty',
    textStyle:{
        color:'#666',
        fontSize:9
    },
   
    handleColor: '#fff',//h滑动图标的颜色
    handleStyle: {
        borderColor: "#eee",
        borderWidth: "0",
        shadowBlur: 2,
        background: "#fff",
        shadowColor: "#fff",
    },
    // fillerColor: "rgba(78,177,180,0.9)", //选中范围的填充颜色。
    borderColor: "#999", //边框颜色。
    filterMode: 'filter', //'filter'：当前数据窗口外的数据，被 过滤掉。即 会 影响其他轴的数据范围。每个数据项，只要有一个维度在数据窗口外，整个数据项就会被过滤掉。
    start: 0, //数据窗口范围的起始百分比,表示30%
    end: 10, //数据窗口范围的结束百分比,表示70%
    startValue: 10, //数据窗口范围的起始数值
    endValue: 80, //数据窗口范围的结束数值。
    zoomOnMouseWheel: true, //如何触发缩放。可选值为：true：表示不按任何功能键，鼠标滚轮能触发缩放。false：表示鼠标滚轮不能触发缩放。'shift'：表示按住 shift 和鼠标滚轮能触发缩放。'ctrl'：表示按住 ctrl 和鼠标滚轮能触发缩放。'alt'：表示按住 alt 和鼠标滚轮能触发缩放。
    moveOnMouseMove: true, //如何触发数据窗口平移。true：表示不按任何功能键，鼠标移动能触发数据窗口平移。false：表示鼠标滚轮不能触发缩放。'shift'：表示按住 shift 和鼠标移动能触发数据窗口平移。'ctrl'：表示按住 ctrl 和鼠标移动能触发数据窗口平移。'alt'：表示按住 alt 和鼠标移动能触发数据窗口平移。
    left: "center", //组件离容器左侧的距离,'left', 'center', 'right','20%'
    top: 35, //组件离容器上侧的距离,'top', 'middle', 'bottom','20%'
    right: "auto", //组件离容器右侧的距离,'20%'
    bottom: "auto", //组件离容器下侧的距离,'20%'
    height: 15

}]

const barMinHeight = 16
const itemFontSize = 8
const labelColor = '#fff'
const brokenLineColor = 'rgba(235,233,99)'
const itemBgColor = 'rgba(87,202,251)'
const itemBgColor1 = 'rgba(85,139,251)'
const itemBgColor2 = '#eb437b'
const itemBgColor3 = 'rgba(118,230,115)'
const itemBgColor4 = 'rgb(68, 181, 156)'
const itemBgColor5 = 'rgba(0,221,223)'
const itemColorList = [itemBgColor,itemBgColor2,
    itemBgColor3,itemBgColor4,itemBgColor5]
export default {
    fontColor,
    axisLine,
    legendTextStyle,
    brokenLineStyle,
    labelColor,
    axisLabel,
    yxisLabel,
    splitLine,
    itemFontSize,
    itemBgColor,
    itemBgColor1,
    itemBgColor2,
    brokenLineColor,
    itemColorList,
    barMinHeight,
    dataZoom
}